<template>
	<view class="page">
		<view class="box">
			<image :src="item.image_url" mode=""></image>
			<view class="box_title">
				{{item.title}}
			</view>
			<view class="box_pro">
				{{item.describe}}
			</view>
		</view>
		<view class="btn" @click="sureClick()">
			查看记忆方案
		</view>
	</view>
</template>

<script setup>
	import {
		ref,
		inject,
		onMounted
	} from 'vue';
	import {
		onLoad,
		onShow
	} from '@dcloudio/uni-app'
	const item = ref({})
	onLoad((op) => {
		let a = JSON.parse(op.item)
		item.value = a[0]
		console.log(item.value)

	})
	const sureClick = () => {
		uni.redirectTo({
			url: '/pagesA/memory/memoryGuide'
		})
	}
</script>

<style scoped lang="scss">
	.box {
		width: 686rpx;
		min-height: 900rpx;
		padding: 30rpx 0;
		background: #51D580;
		border-radius: 40rpx 40rpx 40rpx 40rpx;
		background-color: rgba(81, 213, 128, 0.08);
		margin: 30rpx auto;

		image {
			width: 270rpx;
			height: 270rpx;
			display: block;
			margin: 198rpx auto 26rpx;
		}

		.box_title {
			font-family: PingFang SC, PingFang SC;
			font-weight: bold;
			font-size: 36rpx;
			color: #333333;
			line-height: 56rpx;
			text-align: center;
		}

		.box_pro {
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 26rpx;
			color: #666666;
			line-height: 30rpx;
			text-align: center;
			font-style: normal;
			text-transform: none;
			width: 484rpx;
			margin: 0 auto;
		}
	}

	.btn {
		width: 702rpx;
		height: 104rpx;
		background: #51D580;
		border-radius: 92rpx 92rpx 92rpx 92rpx;
		text-align: center;
		line-height: 104rpx;
		position: fixed;
		bottom: 30rpx;
		left: 24rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: bold;
		font-size: 32rpx;
		color: #FFFFFF;
	}
</style>